<!DOCTYPE html>
<html lang="en">
<head>
  <!-- 解析网络来源图片内容 -->
  <meta name="referrer" content="never">

  
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="../tools/jquery-pagination/pagination.css">
  <link rel="stylesheet" href="../css/list.css">
 
 
</head>
<body>
  

  


  

  <div class="container">
    <h1></h1>
    <div class="search"><input type="text" placeholder="请输入关键词搜索"><button>搜索</button></div>
    <ul>



    </ul>
    <div class="box  m-style "></div>
  </div>
  <script src="../js/polyfill.js"></script>
  <script src="../js/jQuery.js"></script>
  <script src="../js/ajax.js"></script>
  <script src="../js/tools.js"></script>
  <script src="../tools/jquery-pagination/jquery.pagination.js"></script>
  <script src="../js/list.js"></script>

  <script>
    /*
      1, 根据 浏览器地址栏数据信息 向 数据库发送请求
        根据请求结果 动态渲染生成页面

        向 server/goods_list.php 发送请求
        以 get 方式 携带 3个参数 
          cat_one_id    一级分类名称
          page          页数 也就是要显示第几页的内容 默认显示第一页的内容
          line          每页显示的数据数量  根据实际项目设定 目前设定为 8条 
        响应体数据
          data: (8) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
            8条数据信息数组
          line: "8"
            当前页显示8条数据
          page: "1"
            当前是第一页
          row: "93"
            数据总数量是93条
          sumPage: 12
            总页数

      2, 使用分页显示插件 生成分页显示效果
        jquery-pagination   是 一款 以 jQuery程序为基础的 插件
        必须加载 jQuery程序才能执行

        (1) 导入文件
          先导入 jQuery文件 
          再导入 插件的js文件 和 css文件

        (2) 定义一个 标签 
            使用jQuery语法 找到标签 执行 pagination() 函数方法 
    
        (3) pagination() 函数方法 中 以对象形式 设定配置

        (4) callback 设定的是 点击分页插件 触发的函数程序
            函数必须有一个形参 存储 点击标签相关的数据信息

            其中 参数.getCurrent() 获取点击的是第几页

            给 page 变量 设定 点击分页插件 对应的 页数

            重新调用执行函数 根据新的页数 发送请求 动态渲染生成新的页面内容


      3, 点击 详情页 按钮

        给 详情页按钮 添加传参数据
        键名 goods_id  商品的id编号 
        键值 是 响应体数据中 goods_id 存储的数值


    */
  </script>
</body>
</html>

<!--  



-->
